<template>
  <div class="home">
    <Content :styles="{backgroundColor:'red'}">
      <Swiper :images="images"/>
    </Content>
  </div>
</template>

<script>
// @ is an alias to /src
// import {login} from "../API/index";
import Content from "../components/content/Content"
import Swiper from "../components/swiper/Swiper"
export default {
  name: 'Home',
  components: {
    Content,
    Swiper
  },
  data(){
    return{
      images:["https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1200465805,3934565901&fm=26&gp=0.jpg",
      "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2253183696,2870228557&fm=26&gp=0.jpg",
      "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1387613939,286948066&fm=26&gp=0.jpg",
      "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2398363872,4219032683&fm=26&gp=0.jpg"]
    }
  },
  mounted(){
    this.$APIClient.login()
  }
}
</script>
